<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>CANVAS Starfield Playground</title>
    <meta name="description" content="Canvas Demos - Scrolltext with Graphics Font">
    <script type="application/javascript" src="./js/scrolltext.min.js"></script>

    <script type="application/javascript">
        function main() {
            var scrolltext = new Scrolltext({
                fontImage: './img/font.png',
                imageHeight: 320,
                imageWidth: 192,
                fontHeight: 32,
                fontWidth: 32,
                fontSet: "#!\"####'()#+,-.#0123456789:;#=#? ABCDEFGHIJKLMNOPQRSTUVWXYZ#",
                text: 'HELLO, WORLD!',
                posY: 100,
                speed: 2
            });
        };
    </script>


</head>

<body onload="main();">
    <canvas id="bg" width="640" height="480" style="position: absolute; z-index: 0; background-color: #000;">
    </canvas>
    <canvas id="fg" width="640" height="480" style="position: absolute; z-index: 1">
    </canvas>
</body>

</html>